import React,{Component} from "react"

import {NavLink} from "react-router-dom"
import "./footer.css"

class Footer extends Component {
     render(){
         return(
             <div className="footer">
                  <NavLink to="/home/view" >
                    <span className="iconfont" >&#xe616;</span>
                    <span  className="text"> 发现</span>
                  </NavLink>
                  <NavLink to="/home/video">
                  <span className="iconfont">&#xe78f;</span>
                    <span className="text">视频</span>
                  </NavLink>
                  <NavLink to="/home/mySongSheet">
                    <span className="iconfont">&#xe643;</span>
                    <span className="text">我的</span>
                  </NavLink>
                  <NavLink to="/home/mine">
                    <span className="iconfont">&#xe618;</span>
                    <span className="text">账号</span>
                  </NavLink>
             </div>

         )
     }
}

export default Footer